<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta name="description" content="master-key - 最好用的 PPT 播放控制工具，作者：wangkechun。" />
    <meta name="viewport" content="width=device-width, minimal-ui">
    <title>master-key - 最好用的 PPT 播放控制工具</title>
    <style>
        code {
            color: #1abc9c;
        }
        
        html {
            background: #eee;
        }
        
        body {
            width: 90%;
            max-width: 960px;
            background: #fff;
            margin: 3em auto 0;
            padding-top: 2em;
            border: 1px solid #ddd;
            border-width: 0 1px;
        }
        
        pre {
            white-space: pre-wrap;
        }
        
        i.serif {
            text-transform: lowercase;
            color: #1abc9c;
        }
        
         :-moz-any(h1, h2, h3, h4, h5, h5) i.serif {
            text-transform: capitalize;
        }
        
        i.serif:hover {
            color: inherit;
        }
        
        #wrapper {
            padding: 5% 10%;
            position: relative;
        }
        
        #tagline {
            color: #999;
            font-size: 1em;
            margin: -2em 0 2em;
            padding-bottom: 2em;
            border-bottom: 3px double #eee;
        }
        
        #fork {
            position: fixed;
            top: 0;
            right: 0;
            _position: absolute;
        }
        
        #table {
            margin-bottom: 2em;
            color: #888;
        }
        
        #github {
            position: absolute;
            top: 1em;
        }
        
        #github iframe {
            display: inline;
            margin-right: 1em;
        }
        
        @media only screen and (max-width: 640px) {
            table {
                word-break: break-all;
                word-wrap: break-word;
                font-size: 12px;
            }
            .typo table th,
            .typo table td,
            .typo-table th,
            .typo-table td .typo table caption {
                padding: 0.5em;
            }
            #fork {
                display: none;
            }
        }
    </style>
</head>

<body>

    <div id="wrapper" class="typo typo-selection">

        <h1><i class="serif">Master-key</i></h1><br/>

        <h2 id="tagline" class="serif">最好用的 PPT 播放控制工具</h2>

        <h2 id="usage">使用说明：</h2>
        <ol>
            <li>
                <p>点击下面的按钮下载客户端（目前仅支持 mac 系统，其它平台敬请期待）</p>
            </li>
            <li>
                <p>如果出现“打开来自身份不明开发者的应用”提示，请参照<a target="_blank" href="https://support.apple.com/kb/PH25088?locale=zh_CN&viewlocale=zh_CN">苹果官方帮助</a></p>
            </li>
            <li>
                <p>打开客户端，会自动弹出控制页面</p>
            </li>
            <li>
                <p>用手机扫描页面里面的二维码</p>
            </li>
            <li>
                <p>打开你的 PowerPoint ，开始控制</p>
            </li>
        </ol>
        <h2 id="feature">功能列表：</h2>
        <ul>
            <li>
                <p>上一页、下一页</p>
            </li>
            <li>
                <p>黑屏、白屏</p>
            </li>
            <li>
                <p>从当前页开始播放</p>
            </li>
            <li>
                <p>退出播放</p>
            </li>
            <li>
                <p>调节音量</p>
            </li>
        </ul>
        <h2 id="download">下载地址：</h2>
        <ul>
            <li>
                <p>
                    <a href="http://q.hi-hi.cn/master-key-agent-20170326-dev-2.zip" target="_blank">
                        master-key-agent-20170326-dev-2.zip
                    </a>
                </p>
            </li>
        </ul>
        <h2 id="update-note">更新日志：</h2>
        <ul>
            <li>
                <p>20170325 后端完成</p>
            </li>
            <li>
                <p>20170326 手机控制页面完成</p>
            </li>
        </ul>
        <h2 id="feedback">用户反馈：</h2>
        <p>请加QQ群 625828791</p>

    </div>
</body>

</html>